<template>
  <!-- 页面-角色管理-查看详情 -->
  <div>
    <!-- 基本信息 -->
    <RoleDetailInfo :rowList="rowList" />
    <!-- 已分配功能组 -->
    <RoleDetailFuncGroup :roleId="roleId" />
  </div>
</template>
<script>
import locales from "./locales.js";
import RoleDetailInfo from "./RoleDetailInfo.vue";
import RoleDetailFuncGroup from "./RoleDetailFuncGroup.vue";
export default {
  name: "RoleDetail",
  mixins: [locales],
  components: {
    RoleDetailInfo,
    RoleDetailFuncGroup
  },
  props: {
    roleId: {
      type: String,
      default() {
        return "";
      }
    },
    rowList: {
      type: Object,
      default() {
        return {};
      }
    }
  },
  data() {
    return {
      actions: [
        // {
        //   text: this.$t("common.close"),
        //   theme: "primary",
        //   handle: () => {
        //     this.$emit("Close");
        //   }
        // }
      ]
    };
  },
  created: function () {
    this.$emit("SetTitle", this.$t("module.role.viewDetail"));
    this.$emit("SetPageWidth", 700);
    this.$emit("SetPageActions", this.actions);
  }
};
</script>
